﻿body{
    background: lightgray;
}
header {
    position: absolute;
    top: 0;
    left:0;
    right:0;
    height: 100px;
    width:auto;
    text-align: center;
}
#left{
    position:absolute;
    left: 0;
    top: 100px;
    width: 240px;
    height: 400px;   
}
#main{
    position: absolute;
    left: 300px;
    right: 30px;
    top: 160px;
    height: 600px;
}
canvas{
    background-image: url(space.jpg);
    -webkit-animation: l_2_r 7s linear infinite;
    -moz-animation: l_2_r 7s linear infinite;
    -o-animation: l_2_r 7s linear infinite;
    animation: l_2_r 7s linear infinite;
}



@-webkit-keyframes l_2_r {
    from {
        background-position: 0 0;
    }

    to {
        background-position: -450px 0;
    }
}

@-moz-keyframes l_2_r {
    from {background-position: 0 0;}
    to {background-position: -450px 0;}
}

@keyframes l_2_r {
    from {background-position: 0 0;}
    to {background-position: -450px 0;}
}

#sound {
    position: absolute;
    bottom: 20px;
    left: 20px;
}
#sound a{
    display: block;
    width: 47px;
    height: 41px;
    background: url('sound_on.png');
}